<template>
	<view>
		
		<view class="smart-page-head">
			<view class="smart-page-head-title">
				滑动视图
			</view>
		</view>
		
		<view class="smart-padding-wrap" >
			<swiper circular :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration" class="swiper-container">
				
				<swiper-item>
					<view class="swiper-item smart-color-green">
						<img src="/static/1.jpg" alt="" mode="aspectFill" />
						
					</view>
				</swiper-item>
				
				<swiper-item>
					<view class="swiper-item smart-color-blue">
						
					</view>
				</swiper-item>
				
				<swiper-item>
					<view class="swiper-item smart-color-red">
						
					</view>
				</swiper-item>
			</swiper>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				indicatorDots:true,
				autoplay:true,
				interval:3000,
				duration:500
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
